<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.clearFix::after{
		content: "";
		clear: both;
		display: block;
		}
		.box{
			float: right;
			padding:0 20px;
			margin-left: 20px;
		}
		.header{
			height: 30px;
			line-height: 30px;
			background-color: #f7f2f2;
		}
		.only{
			display: inline-block;
		}
		.only img{
			display: none;
		}

		a{
		text-decoration: none;
		}


		.only:hover img{
			display: block;
		}

		a:hover{
			color: red;
			text-decoration: underline;
		}
		
	</style>
</head>
<body>

<div class="header">

<div class="box clearFix">

	<div class="only">
	<a  href="">手机版</a>
	<img src="../3.png">
	</div>
	
	<a href="">淘宝网</a>
	
	<a href="">网页无障碍</a>
	

</div>
	
</div>





</body>
</html>